.inputField {
  appearance: none;
  width: 100%;
  border: 0;
  font-family: inherit;
  padding: 16px 12px 16px 12px;
  box-shadow: inset 0px -1px 0px var(--color-text);
  color: var(--color-text);
  background-color: var(--color-background);
  transition: all 0.15s ease;
}

.inputField:hover {
  box-shadow: inset 0 -2px 0 var(--color-text);
}

.inputField:focus {
  outline: none;
  box-shadow: inset 0 -2px 0 var(--color-text);
}
